body{
    background-color: antiquewhite;
   #message-box{
        #bg{
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color:gray;
            opacity: 0.6;
        }
        #card{
            position:fixed;
            top: 50%;
            left:50%;
            transform: translate(-50%, -50%);
            background-color: white;
            min-width: 500px;
            min-height:150px;
            padding:10px;
            header{
                display:flex;
                justify-content:space-between;
                span{
                    cursor: pointer;
                }
            }
            main{
                padding:10px 0;
            }
            footer{
                position: fixed;
                bottom:0;
                left:0;
                right:0;
                display: flex;
                justify-content:flex-end;
                padding: 10px;
                button{
                    cursor: pointer;
                }
            }

        }
   }
}